<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{block name="head_title"}{$webdb.seo_title}{/block}</title>
		<meta name="keywords" content='{block name="head_keword"}{$webdb.seo_keyword}{/block}'>
		<meta name="description" content='{block name="head_description"}{$webdb.seo_description}{/block}'>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script type="text/javascript" src="__STATIC__/js/core/jquery.min.js"></script>
		<script type="text/javascript" src="__STATIC__/layer/layer.js"></script>

<link rel="stylesheet" href="__STATIC__/css/base.css">
<link rel="stylesheet" href="__STATIC__/css/qb_ui.css">
<link rel="stylesheet" href="__STATIC__/icon/icon.css">

		<!--标准mui.css-->
		<link rel="stylesheet" href="__STATIC__/mui/css/mui.min.css">

	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">{block name="title"}主标题{/block}</h1>
		</header>
		<div class="mui-content">
{// 主体内容}
{block name="content"}
<div class="mui-card">
				<div class="mui-card-content">

							<div class="mui-card-header"><a class="mui-card-link">Like</a>
								<p class="mui-card-link">这是好东西</p>
							</div>
							<div class="mui-card-header"><a class="mui-card-link">Like</a>
								<p class="mui-card-link">这是好东西</p>
							</div>

				 
							<div class="mui-card-content" ><div class="mui-card-content-inner">
								<p>图片内容 </p>
								<img src="./images/yuantiao.jpg" alt="" width="100%"/></div>
							</div>
				
							<div class="mui-card-header"><a class="mui-card-link"> 文章内容</a></div>
							<div class="mui-card-content">
								<div class="mui-card-content-inner">
								

									 包含页眉页脚的卡片，页眉常用来显示面板标题，页脚用来显示额外信息或支持的操作（比如点赞、评论等） 
								</div>
							</div>


							<div class="mui-card-footer"><a class="mui-card-link">多图</a>			 
							</div>
							<div id="slider" class="mui-slider" >
								<div class="mui-slider-group mui-slider-loop">
									<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
									<div class="mui-slider-item mui-slider-item-duplicate">
										<a href="#">
											<img src="./images/yuantiao.jpg">
										</a>
									</div>
									<!-- 第一张 -->
									<div class="mui-slider-item">
										<a href="#">
											<img src="./images/shuijiao.jpg">
										</a>
									</div>
									<!-- 第二张 -->
									<div class="mui-slider-item">
										<a href="#">
											<img src="./images/muwu.jpg">
										</a>
									</div>
									<!-- 第三张 -->
									<div class="mui-slider-item">
										<a href="#">
											<img src="./images/cbd.jpg">
										</a>
									</div>
									<!-- 第四张 -->
									<div class="mui-slider-item">
										<a href="#">
											<img src="./images/yuantiao.jpg">
										</a>
									</div>
									<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
									<div class="mui-slider-item mui-slider-item-duplicate">
										<a href="#">
											<img src="./images/shuijiao.jpg">
										</a>
									</div>
								</div>
								<div class="mui-slider-indicator">
									<div class="mui-indicator mui-active"></div>
									<div class="mui-indicator"></div>
									<div class="mui-indicator"></div>
									<div class="mui-indicator"></div>
								</div>
							</div>
							<script src="__STATIC__/mui/js/mui.min.js"></script>
							<script type="text/javascript" charset="utf-8">
								var slider = mui("#slider");
								slider.slider({
											interval: 1500
										});
							</script>

				 </div>
			</div>
 
{/block}

		</div>	 
	</body>
</html>